﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui.css-H.js</title>
    <link rel="stylesheet" type="text/css" href="../../../css/Hui.css" />
    <style type="text/css">
    </style>
</head>
<body class="H-flexbox-vertical H-background-transparent20-percent">
    <div class="H-share-space H-flex-item"></div>
    <div class="H-share-module H-share2">
        <div class="H-func-menu-list H-flexbox-horizontal H-background-white">
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme1-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-qq H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">QQ好友</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme2-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-qqkongjian H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">QQ空间</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme3-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-wechat H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">微信好友</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme4-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-pengyouquan H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">朋友圈</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme5-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-weibo H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">新浪微博</p>
            </div>
        </div>
        <div class="H-func-menu-list H-flexbox-horizontal H-background-white">
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme1-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-qq H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">QQ好友</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme2-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-qqkongjian H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">QQ空间</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme3-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-wechat H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">微信好友</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme4-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-pengyouquan H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">朋友圈</p>
            </div>
            <div class="H-func-menu-item H-flex-item H-text-horizontal-center H-vertical-padding10">
                <span class="H-icon H-theme5-bg H-center-all H-border-radius-circle H-block-margin-auto"><i class="Hui-iconfont Hui-weibo H-theme11-color H-font-size-18"></i></span>
                <p class="H-font-size-13 H-margin-top5">新浪微博</p>
            </div>
        </div>
        <div class="H-share-cancel-button H-center-all H-background-eee" tapmode="" onclick="closeShareFrame();">
            取消分享
        </div>
    </div>
    <script type="text/javascript" src="../../../script/H.js"></script>
    <script type="text/javascript">
        function closeShareFrame() {
            H.cssText(".H-share-module", "animation:share2-swiper-end 0.3s;-webkit-animation:share2-swiper-end 0.3s;height:0;")
            setTimeout(function () {
                H.closeFrame();
            }, 300);
        }
        H.D(".H-share-space").onclick = function () {
            closeShareFrame();
        };
    </script>
</body>
</html>